﻿<!DOCTYPE HTML>
<html>

	<head>
		<meta charset="UTF-8" />
		<title>iframe 跨页面通信 </title>
	</head>

	<body>

		<pre>
知识点一：JS获取子框架内容的方法
	语法格式：
		IE专用语法一：document.frames["index按索引顺序"].document
		IE专用语法二：document.frames["frame的name属性"].document
		谷歌火狐： document.getElementById(frameId).contentDocument
		通用语法：	document.getElementById(frameId).contentWindow.document 
	
	
</pre>

		<div id="mainbox">我是main</div>
		<iframe name="myframe" id="subframe" src="sub.html"></iframe>
		<script type="text/javascript">
			//代码示例如下：
			/* 
			window.onload = function(){
				// alert(document.frames[0].document.getElementById("subbox").innerHTML);
				// alert(document.frames["myframe"].document.getElementById("subbox").innerHTML);
			}
			*/
		</script>

		<script type="text/javascript">
			//封装好的获取子框架所有内容的示例
			function getIframeContent(frameId) {
				//获取iframe中文档内容
				//var doc = document.getElementById(frameId).contentDocument; 
				//在谷歌与火狐下：.contentDocument 相当于 .contentWindow.document 
				//IE下不行,下面一个在IE7+,谷歌，火狐测试都能兼容 
				var doc = document.getElementById(frameId).contentWindow.document;
				return doc.body.innerHTML;
			}
			window.onload = function() {
				var htmlTxt = getIframeContent("subframe");
				alert(htmlTxt);
			}
		</script>

	</body>

</html>